<% layout("./_layout.html",{nav:'index'}){ %>
<article>
    <!--banner begin-->
    <div class="picsbox">
        <div class="banner">
            <div id="banner" class="fader">
                <#articles siteId="${site.id}" categoryId="" count="3" param="posid:1" var="article">
                <li class="slide" >
                  <a href="${article.url}" target="_blank">
                      <img src="${article.image!}">
                      <span class="imginfo">${article.title}</span>
                  </a>
                </li>
                </#articles>
                <div class="fader_controls">
                    <div class="page prev" data-target="prev">&lsaquo;</div>
                    <div class="page next" data-target="next">&rsaquo;</div>
                    <ul class="pager_list"></ul>
                </div>
            </div>
        </div>
        <!--banner end-->
        <div class="toppic">
            <#articles siteId="${site.id}" categoryId="" count="3" param="posid:2" var="article">
            <li>
                <a href="${article.url}" target="_blank">
                    <i><img src="${article.image!}"></i>
                    <h2>${article.title}</h2>
                    <span>${article.keywords}</span>
                </a>
            </li>
            </#articles>
        </div>
    </div>
  <div class="blank"></div>
  <!--blogsbox begin-->
  <div class="blogsbox">
    <#articles siteId="${site.id}" categoryId="" count="10" param="orderBy:'updateDate desc'" var="article">
    <div class="blogs" data-scroll-reveal="enter bottom over 1s" >
      <h3 class="blogtitle"><a href="${article.url}" target="_blank">${article.title!}</a></h3>
      <span class="blogpic"><a href="${article.url}" title=""><img src="${article.image!}" alt=""></a></span>
      <p class="blogtext">${article.description!}</p>
      <div class="bloginfo">
        <ul>
          <li class="author"><a href="/">${article.user.name}</a></li>
          <li class="lmname"><a href="/">${article.category.name}</a></li>
          <li class="timer">${article.updateDate,dateFormat="yyyy-MM-dd HH:mm"}</li>
          <li class="view"><span>${article.hits}</span>已阅读</li>
          <li class="like">${article.commentCount}</li>
        </ul>
      </div>
    </div>
  </#articles>
  </div>
  <!--blogsbox end-->
  <% include("./_sidebar.html"){} %>
</article>
<%}%>